<template>
  <div class="list-wrapper">
    <food-list-sub
      v-for="(item, index) of foodDatas"
      :data="item"
      :key="index"
    ></food-list-sub>
  </div>
</template>

<script>
import FoodListSub from './Sub'
export default {
  name: 'FoodList',
  components: {
    FoodListSub
  },
  props: {
    foodDatas: {
      type: Array,
      default: () => []
    }
  }
};
</script>

<style lang="scss" scoped></style>
